<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>腾讯游戏《穿越火线》官方网站.300万人同时在线,三亿鼠标的枪战梦想.《穿越火线》追求的不仅仅是开枪的爽快感,而是来自相互合作及默契带来的战略意义.最新活动尽在CF官方网站</title>
  <link rel="stylesheet" href="./css/index.css" />
  <link rel="stylesheet" href="./css/reset.css" />
  <link rel="stylesheet" href="./css/guanggao.css">
 <!-- 页面中所有的超链接都在新页面打开 -->
  <base target="_blank"/>
  <link rel="icon" href="images/logo/facicon.ico" type="image/x-icon">
  
</head>

<body>
  <div class="werp" style="background-image: url(./images/banner.jpg)">
    <!-- 上半部分开始 -->
    <div class="header w clearfix">
      <!-- 导航栏开始 -->
      <div class="nav clearfix">
        <div class="subnav clearfix">
          <ul>
            <li>
              <a href="#">
                <span class="ch">官网首页</span>
                <span class="en">HOME</span>
              </a>
            </li>
            <li>
              <a href="#">
                <span class="ch">游戏资料</span>
                <span class="en">GAME INFO</span>
              </a>
            </li>
            <li>
              <a href="#">
                <span class="ch">商城专区</span>
                <span class="en">STORE</span>
              </a>
            </li>
            <li>
              <a href="#">
                <span class="ch">竞技中心</span>
                <span class="en">HONOR</span>
              </a>
            </li>
            <li>
              <a href="#">
                <span class="ch">活动中心</span>
                <span class="en">EVENT</span>
              </a>
            </li>
            <li>
              <a href="#">
                <span class="ch">玩家互动</span>
                <span class="en">COMMUNITY</span>
              </a>
            </li>
            <li>
              <a href="#">
                <span class="ch">在线客服</span>
                <span class="en">SERVICES</span>
              </a>
            </li>
          </ul>
        </div>
      </div>
      <!-- 导航栏结束 -->
      <!-- 子导航开始 -->
      <div class="sub-nav clearfix">
        <dl class="navlist">
          <dt class="htxt">首页</dt>
          <dd class="navlist-index">
            <a href="#" title="首页">首页</a>
          </dd>
          <dt>游戏资料</dt>
          <dd>
            <ul>
              <li>
                <a href="#">游戏介绍</a>
              </li>
              <li>
                <a href="#">新手教程</a>
              </li>
              <li class="hotl3 m-sp">
                <a href="#">版本专区</a>
              </li>
              <li>
                <a href="#">壁纸</a>
              </li>
            </ul>
          </dd>
          <dt>商城专区</dt>
          <dd>
            <ul>
              <li class="hotl2 m-sp"><a href="#">道聚城</a></li>
              <li><a href="./子页面/index.html">周边商城</a></li>
              <li><a href="#">心悦会员</a></li>
              <li><a href="#">CFVIP</a></li>
            </ul>
          </dd>
          <dt>竞技中心</dt>
          <dd>
            <ul>
              <li class="newl4 m-sp"><a href="#">战队系统</a></li>
              <li class="hotl3 m-sp"><a href="#">赛事专区</a></li>
              <li class="newl4 m-sp"><a href="#">枪王排位</a></li>
            </ul>
          </dd>
          <dt>活动中心</dt>
          <dd>
            <ul>
              <li><a href="#">网吧专区</a></li>
              <li class="hotl3 m-sp"><a href="#">活动专区</a></li>
              <li><a href="#">合作专区</a></li>
              <li class="hotl3 m-sp"><a href="#">KOL送福利</a></li>
              <li><a href="#">CDK兑换</a></li>
              <li class="hotl4 m-sp"><a href="#">邀请码兑换</a></li>
            </ul>
          </dd>
          <dt>玩家互动</dt>
          <dd>
            <ul>
              <li><a href="#">微博</a></li>
              <li><a href="#">直播</a>&nbsp;|&nbsp;<a href="#">攻略</a></li>
              <li><a href="#">掌上CF</a></li>
              <li><a href="#">赛事微博</a></li>
            </ul>
          </dd>
          <dt>自助服务</dt>
          <dd>
            <ul>
              <li class="newl3 m-sp"><a href="#">安全专题站</a></li>
              <li><a href="#">联系客服</a></li>
              <li><a href="#">体验服</a></li>
              <li><a href="#">高清竞技大区</a></li>
              <li><a href="#">封号申诉链接</a></li>
            </ul>
          </dd>
        </dl>
      </div>
      <!-- 子导航结束 -->
      <!-- 广告部分开始 -->
      <div class="banner w">
        <a href="#" class="banner1"></a>
        <div class="menu w clearfix">
          <a href="#" class="btn-down">
            <span class="down-bg"></span>
            <em></em>
            <span class="txt">下载游戏</span>
          </a>
          <a href="#" class="btn-a btn-a"><em></em><span>活动中心</span></a>
          <a href="#" class="btn-a btn-l"><em></em><span>直播中心</span></a>
          <a href="#" class="btn-a btn-t"><em></em><span>电竞专区</span></a>
          <a href="#" class="btn-a btn-p"><em></em><span>账户充值</span></a>
          <a href="#" class="btn-a btn-i"><em></em><span>视频中心</span></a>
          <a href="#" class="btn-a btn-g"><em></em><span>攻略中心</span></a>
          <a href="#" class="btn-a btn-r"><em></em><span>举报外挂</span></a>
          <a href="#" class="btn-a btn-v"><em></em><span>最新版本</span></a>
        </div>
        <div class="lunbotu fl">
          <ul class="rotate-nav ">
            <li>
              <a href="#">官方</a>
            </li>
            <li>
              <a href="#">合作</a>
            </li>
          </ul>
          <a href="#">
            <div class="lunbotu1">
              <img src="./images/1.jpeg" alt="">
              <img src="./images/轮播图.jpeg" alt="">
              <img src="./images/轮播图2.jpeg" alt="">
              <img src="./images/轮播图3.jpeg" alt="">
            </div>

          </a>

        </div>
        <!-- 广告结束 -->
        <!-- 热文开始 -->
        <div class="news fr">
          <div class="right-banner">
            <div class="hd">
              <ul>
                <li>
                  <a href="#">综合</a>
                </li>
                <li>
                  <a href="#">公告</a>
                </li>
                <li>
                  <a href="#">赛事</a>
                </li>
                <li>
                  <a href="#">论坛</a>
                </li>
              </ul>
            </div>
            <div class="bd-one">
              <h4>观众陆续入场 齐为家乡喝彩 百城总决赛进入读秒阶段</h4>
              <ul>
                <li>
                  <a href="#">对新版大厅反馈的若干答复
                    <span>12/17</span>
                  </a>
                </li>
                <li>
                  <a href="#">对新版大厅反馈的若干答复
                    <span>12/17</span>
                  </a>
                </li>
                <li>
                  <a href="#">对新版大厅反馈的若干答复
                    <span>12/17</span>
                  </a>
                </li>
                <li>
                  <a href="#">对新版大厅反馈的若干答复
                    <span>12/17</span>
                  </a>
                </li>
                <li>
                  <a href="#">对新版大厅反馈的若干答复
                    <span>12/17</span>
                  </a>
                </li>
                <li>
                  <a href="#">对新版大厅反馈的若干答复
                    <span>12/17</span>
                  </a>
                </li>
              </ul>
              <a href="#" class="more">查看更多+</a>
            </div>


          </div>
        </div>
        <a href="# " class="erweima">
          <img src="./images/二维码.png" alt="">
        </a>
      </div>
      <a href="#" class="banner2"></a>


      <!-- 热文结束 -->
    </div>
    <!-- 广告结束 -->、
    <!-- 热门活动开始 -->
    <div class="content-one w clearfix">
      <div class="left-hot fl">
        <div class="left-hot-head">
          <i></i>
          <strong>热门活动</strong>
          <a href="#">更多+</a>
        </div>
        <ul class="left-hot-img left-hot-img1 clearfix">
          <li>
            <img src="./images/热门活动图/htt1.png" alt="">
            <p>
              11天后结束
            </p>
          </li>
          <li>
            <img src="./images/热门活动图/hot2.png" alt="">
            <p>
              11天后结束
            </p>
          </li>
          <li>
            <img src="./images/热门活动图/hot3.jpeg" alt="">
            <p>
              11天后结束
            </p>
          </li>
          <li>
            <img src="./images/热门活动图/hot4.png" alt="">
            <p>
              11天后结束
            </p>
          </li>
        </ul>
        <!-- 热门活动结束 -->
        <!-- 直播推荐开始 -->
        <div class="left-hot-head left-hot-head2">
          <i></i>
          <strong>直播推荐</strong>
          <a href="#">更多+</a>
        </div>
        <ul class="left-hot-img left-hot-img2 clearfix">
          <li>
            <img src="./images/直播推荐图/1.jpeg" alt="">

          </li>
          <li>
            <img src="./images/直播推荐图/lol1.png" alt="">
            <p>白鲨AyoM</p>
          </li>
          <li>
            <img src="./images/直播推荐图/2.jpg" alt="">
            <P>女战神梧桐</P>
          </li>
          <li>
            <img src="./images/直播推荐图/3.jpg" alt="">
            <p>马哲</p>
          </li>
        </ul>
        <!-- 直播推荐结束 -->
      </div>
      <!-- 常用入口开始 -->
      <div class="entrance fr clearfix">
        <h4>
          <i></i>
          <span>常用入口</span>
        </h4>
        <ul class="er clearfix">
          <li>
            <a href="#">
              <span class="jinglingtu"></span>
              <span>道聚城</span>
            </a>
          </li>
          <li>
            <a href="#"> <span class="jinglingtu"></span>
              <span>YY开黑</span></a>
          </li>
          <li>
            <a href="#"><span class="jinglingtu"></span>
              <span>CF会员</span></a>
          </li>
          <li>
            <a href="#"><span class="jinglingtu"></span>
              <span>心悦专区</span></a>
          </li>
          <li>
            <a href="#"><span class="jinglingtu"></span>
              <span>CSK兑换</span></a>
          </li>
          <li>
            <a href="#"> <span class="jinglingtu"></span>
              <span>邀请码兑换</span></a>
          </li>
          <li>
            <a href="#"><span class="jinglingtu"></span>
              <span>创作者联盟</span></a>
          </li>
          <li>
            <a href="#"><span class="jinglingtu"></span>
              <span>碎片系统</span></a>
          </li>
          <li>
            <a href="#"> <span class="jinglingtu"></span>
              <span>掌上穿越火线</span></a>
          </li>
        </ul>
        <div class="search">
          <input type="text" name="" id="">
          <button>搜索</button>
        </div>
        <div class="hot-search">
          <span>热门搜索:</span>
          <a href="#">新版本</a>
          <a href="#">cfpl枪王</a>
          <a href="#">福利活动</a>
          <span>......</span>
        </div>
      </div>



    </div>
    <!-- 热门活动结束 -->
    <!-- 玩家专区开始 -->
    <div class="player w">
      <div class="player-hd w clearfix">
        <i></i>
        <strong>玩家专区</strong>
        <a href="#">更多+</a>
      </div>
      <ul class="player-nav clearfix">
        <li>
          <a href="#">最新视频</a>
        </li>
        <li>
          <a href="#">赛事回顾</a>
        </li>
        <li>
          <a href="#">进阶教学</a>
        </li>
        <li>
          <a href="#">娱乐视频</a>
        </li>
      </ul>
      <ul class="player-video clearfix">
        <li>
          <a href="#">
            <img src="./images/玩家专区图片/下载.jfif" alt="">
            <div class="zhezhaoceng"></div>
            <p>魔心：CF新地图米狗，信号强+坚强玩法居然弄出新花样了</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/玩家专区图片/下载 (1).png" alt="">
            <div class="zhezhaoceng"></div>
            <p>魔心：CF新地图米狗，信号强+坚强玩法居然弄出新花样了</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/玩家专区图片/下载.jfif" alt="">
            <div class="zhezhaoceng"></div>
            <p>魔心：CF新地图米狗，信号强+坚强玩法居然弄出新花样了</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/玩家专区图片/下载.png" alt="">
            <div class="zhezhaoceng"></div>
            <p>魔心：CF新地图米狗，信号强+坚强玩法居然弄出新花样了</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/玩家专区图片/下载 (1).jfif" alt="">
            <div class="zhezhaoceng"></div>
            <p>魔心：CF新地图米狗，信号强+坚强玩法居然弄出新花样了</p>
          </a>
        </li>

      </ul>
      <div class="player-list clearfix">
        <div class="lunbotu fl">
          <img src="./images/玩家专区图片/轮播图.jfif" alt="">
          <ul class="xiaofangkuai">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
          </ul>
        </div>
        <ul class="player-list-r fr clearfix">
          <li>
            <a href="#">
              <div>
                <img src="./images/玩家专区图片/下载2.jfif" alt="">
              </div>
              <p>下个英雄级角色敲定！你认为她哪个属性</p>
              <span>刚刚</span>
            </a>
          </li>
          <li>
            <a href="#">
              <div> <img src="./images/玩家专区图片/下载 (2).jfif" alt=""></div>
              <p>下个英雄级角色敲定！你认为她哪个属性</p>
              <span>刚刚</span>
            </a>
          </li>
          <li>
            <a href="#">
              <div> <img src="./images/玩家专区图片/下载 (3).png" alt=""></div>
              <p>下个英雄级角色敲定！你认为她哪个属性</p>
              <span>刚刚</span>
            </a>
          </li>
          <li>
            <a href="#">
              <div> <img src="./images/玩家专区图片/下载 (4).png" alt=""></div>
              <p>下个英雄级角色敲定！你认为她哪个属性</p>
              <span>刚刚</span>
            </a>
          </li>
          <li>
            <a href="#">
              <div> <img src="./images/玩家专区图片/下载 (5).png" alt=""></div>
              <p>下个英雄级角色敲定！你认为她哪个属性</p>
              <span>刚刚</span>
            </a>
          </li>

        </ul>
      </div>
    </div>
    <!-- 玩家专区结束 -->
    <!-- 电竞赛事开始 -->
    <div class="bottom-content w clearfix">
      <div class="event fl">
        <div class="left-hot-head ev-hd">
          <i></i>
          <strong>电竞赛事</strong>
          <a href="#">更多+</a>
        </div>
        <ul class="ev-nav">
          <li>
            <a href="#">综合</a>
          </li>
          <li>
            <a href="#">冠军杯</a>
          </li>
          <li>
            <a href="#">CFS</a>
          </li>
          <li>
            <a href="#">CFPL</a>
          </li>
          <li>
            <a href="#">百城联赛</a>
          </li>
          <li>
            <a href="#">CFEL</a>
          </li>
          <li>
            <a href="">CFDL</a>
          </li>
        </ul>
        <div class="ev-bd clearfix">
          <div class="lf-bd fl">
            <a href="#">
              <img src="./images/热门赛事图片/1.jpg" alt="">
            </a>
            <a href="#">2020冠军杯<span>进行中</span></a>
            <p>时间：<span>2020年9月-11月</span></p>
            <p>地点：中国</p>
          </div>
          <div class="ri-bd fr">
            <ul>
              <li>
                <a href="#">
                  <p> 传奇指挥Solo,与您分享情久CFS夺冠背后的</p>
                  <span>12/18</span>
                </a>
              </li>
              <li>
                <a href="#">
                  <p> 传奇指挥Solo,与您分享情久CFS夺冠背后的</p>
                  <span>12/18</span>
                </a>
              </li>
              <li>
                <a href="#">
                  <p> 传奇指挥Solo,与您分享情久CFS夺冠背后的</p>
                  <span>12/18</span>
                </a>
              </li>
              <li>
                <a href="#">
                  <p> 传奇指挥Solo,与您分享情久CFS夺冠背后的</p>
                  <span>12/18</span>
                </a>
              </li>
              <li>
                <a href="#">
                  <p>传奇指挥Solo,与您分享情久CFS夺冠背后的</p>
                  <span>12/18</span>
                </a>
              </li>
            </ul>
          </div>

        </div>
        <div class="ev-bt clearfix">
          <a href="#">

          </a>
          <a href="#"></a>
        </div>
      </div>
      <!-- 电竞赛事结束 -->
      <!-- 品牌专区开始 -->
      <div class="brand fr">
        <div class="left-hot-head ">
          <i></i>
          <strong>品牌专区</strong>

        </div>
        <a href="#">
          <img src="./images/综合的图/品牌专区1.jpeg" alt="">
        </a>
        <a href="#">
          <img src="./images/综合的图/品牌专区2.png" alt="">
        </a>
        <h3>
          <span>
            穿越火线&nbsp;&nbsp;&nbsp;官方合作媒体
          </span>
          <ul class="select">
            <li>
              <a href="#">电脑管家福利</a>
            </li>
            <li>
              <a href="#">小葫芦</a>
            </li>
            <li>
              <a href="#">17173</a>
            </li>
            <li>
              <a href="#">766</a>
            </li>
            <li>
              <a href="#">爱博福利</a>
            </li>
            <li>
              <a href="#">电脑管家福利</a>
            </li>
            <li>
              <a href="#">电脑管家福利</a>
            </li>
            <li>
              <a href="#">电脑管家福利</a>
            </li>
            <li>
              <a href="#">电脑管家福利</a>
            </li>
            <li>
              <a href="#">电脑管家福利</a>
            </li>
          </ul>
        </h3>
        <ul class="ts">
          <li>
            抵制不良游戏
          </li>
          <li>
            拒绝盗版游戏
          </li>
          <li>
            注意自我保护
          </li>
          <li>
            适度游戏益脑
          </li>
          <li>谨防上当受骗</li>
          <li>沉迷游戏伤身</li>
          <li>合理安排时间</li>
          <li>享受健康生活</li>
        </ul>
      </div>
    </div>
    <!-- 品牌专区结束 -->
    <div class="w c">
      <p>
        本网络游戏适合年龄10周岁以上的用户使用，请您确定已如实进行实名注册，为了您的健康，请合理控制游戏时间。
      </p>
    </div>

    <div class="box">
      <img src="./images/下載 (3).jpg" alt="">
      <a class="close">×</a>
  </div>
  <script src="./js/1.js"></script>

    <!-- 页脚开始 -->
    <div class="bg">
      <div class="footer w">
        <a href="#" class="fl">
          <!-- <img src="./images/foot_bg.jpg" alt=""> -->
        </a>
        <a href="">

        </a>
        <div class="ri-footer fr">
          <p>腾讯互动娱乐|服务条款|隐私保护指引|儿童隐私保护指引|腾讯游戏招聘|腾讯游戏客服|游戏列表|广告服务及商务合作</p>
          <p>腾讯公司版权所有</p>
          <p>COPYRIGHT © 1998 - 2020 TENCENT. ALL RIGHTS RESERVED.</p>
          <p>COPYRIGHT © 2020 Smilegate Entertainment. All rights reserved.</p>
          <p><img src="./images/页脚图/gswj.png" alt="">工商网监电子标识 |粤网文[2020]3396-195号|（署）网出证（粤）字第054号</p>
          <p><img src="./images/页脚图/icplogo.png" alt="">文网测字【2008】006号|批准文号：新出音[2008]714号|出版物号：ISBN 978-7-900730-05-3|全国文化市场统一举报电</p>
          <p>话：12318</p>
        </div>
      </div>
    </div>
    <!-- 页脚结束 -->
</body>

</html>